<%--
  Created by IntelliJ IDEA.
  User: 陈玉泉
  Date: 2022/4/21
  Time: 21:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>首页</title>
    <link type="text/css" rel="stylesheet" href="../css/classification.css">
    <link rel="stylesheet" href="../css/head.css" type="text/css">
</head>

<body>
<script type="text/javascript">
    var http_request ="<%=request.getContextPath() %>";
</script>
<div class="head">
    <ul class="u1">
        <li><a href="../index.jsp" >美食天下 首页</a></li>
        <li><a href="http://localhost:8080/system/dish.jsp">菜谱</a></li>
        <li><a href="http://localhost:8080/system/cook.jsp">食材</a></li>
        <li><a href="#">专题</a></li>
        <li><a href="#">笔记</a></li>
        <li><a href="#">社区</a></li>
        <li><a href="#">活动</a></li>
        <li><a href="#">搜索</a></li>
    </ul>
    <a class="nr" href="#" style="float: right;
    position: relative;
    top: -31px;
    display: block;
    font-size: 10px;
    color: #f1f1f1;
    width: 68px;
    text-align: center;
    line-height: 13px;
    background-color: #FE5761;
    height: 100%;
    text-decoration: none;
    margin-left: 0;"><img src="../image/nr3.png" style="width: 18px;height: 18px;margin-top: 5px;"/><br/>客户端</a>
    <ul class="u2" style=" position: fixed;
    right: 68px;
    top: -1px;margin-right: 4px">
        <li class="pic">
            <img src="
<%--        <c:if test="${!sessionScope.user.avatar.equals('')}">--%>
        <c:if test="${!sessionScope.user.avatar.equals('')}">
        ${sessionScope.user.avatar}
        </c:if>
        <c:if test="${!sessionScope.user.avatar.equals('')}">
        https://tse2-mm.cn.bing.net/th/id/OIP-C.Z8cO0OriANaUVakbQ6n0BwAAAA?w=153&h=165&c=7&r=0&o=5&dpr=1.65&pid=1.7
        </c:if>
" onclick="jump()" style="width: 35px;height: 35px; border-radius: 45%;cursor: pointer" >
            <script src="../js/jquery-3.2.1.min.js"></script>
            <script type="text/javascript">
                function jump(){
                    var src = $("img")[0].src;
                    $.ajax({
                        url:http_request+"/member.jsp",
                        data:{
                            img:src
                        },
                        dataType:"text",
                        success:function (){
                            alert("欢迎来到个人中心！")
                            window.location.href=http_request+"/member.jsp"
                        },
                        error:function (){
                            alert("个人中心跳转失败！")
                        }
                    })
                }
            </script>

        </li>
        <li class="l2">
            <c:if test="${empty sessionScope.user.username}">
                <div class="d1" >
                    <a href="/checkLogin" >登录/注册</a>
                </div>
            </c:if>
            <c:if test="${not empty sessionScope.user.username}">
                <div class="d1" >
                    <a href="http://localhost:8080/system/member.jsp"  style="font-size: 15px; text-align: center; vertical-align: middle">${sessionScope.user.username}</a>
                </div>
            </c:if>
        </li>
        <li class="l1"><div><a href="http://localhost:8080/system/makeCook.jsp"><img src="../image/nr1.png" style="width: 18px;height: 18px;margin-top: 5px;margin-right: 2px;"/><br/>发布</a></div></li>
        <li class="l1">
            <div>

                <img id="a1" src="../image/nr2.png" style="width: 18px;height: 18px;margin-top: 5px;margin-right: 2px"/><br/>
                <span id="s1">签到有礼</span>
                <script type="text/javascript">
                    $(function (){
                        <c:if test="${not empty sessionScope.user.username}">
                        $("#a1").click(function (){
                            $("#s1").html("已签到");
                        })
                        </c:if>
                        <c:if test="${ empty sessionScope.user.username}">
                        $("#a1").click(function (){
                            alert("请您先进行登录。。。")
                        })
                        </c:if>


                    })
                </script>


            </div>
        </li>
    </ul>
</div>
<div class="w logo_wrap2">
    <div class="logo_inner left">
        <a href="#" title="美食天下">美食天下</a>
    </div>
    <div class="logo_current left">
        <h1><a href="#" title="菜谱">菜谱</a></h1>
    </div>
    <div class="logo_search right">
        <div class="searchBox J_search">
            <a href="javascript:;" title="搜索" class="search_Btn J_searchBTN right" id="search">搜索</a><input type="text" id="q" class="search_Text J_searchTxt right">
        </div>
    </div>
    <div class="logo_nav">
        <a  href="#" title="菜谱大全">菜谱首页<i></i><b></b></a>
        <a class=on href="#" title="菜谱分类">分类<i></i><b></b></a>
        <a href="#" title="菜单">菜单<i></i><b></b></a>
        <a  href="#" title="菜谱排行">排行<i></i><b></b></a>
        <span class="linespan"></span>
        <a href="#" title="食材" target="_blank">食材</a>
        <a href="#" title="食疗食补"  target="_blank">食疗食补</a>
    </div>
</div>
<div class="nav_wrap2">
    <ul>
        <li><a class="cai" title="菜谱大全" href="../index.jsp">首页</a></li>
        <li><a class="cai"  title="热菜" href="/classification?category=${"热菜"}">热菜</a></li>
        <li><a class="cai" title="凉菜" href="/classification?category=${"凉菜"}">凉菜</a></li>
        <li><a class="cai" title="汤羹" href="/classification?category=${"汤羹"}">汤羹</a></li>
        <li><a class="cai" title="主食" href="/classification?category=${"主食"}">主食</a></li>
        <li><a class="cai" title="小吃" href="/classification?category=${"小吃"}">小吃</a></li>
        <li><a title="西餐" href="#">西餐</a></li>
        <li><a title="烘焙" href="#">烘焙</a></li>
        <li><a title="饮品" href="#">饮品</a></li>
        <li><a title="泡酱腌菜" href="#">泡酱腌菜</a></li>
        <li><a title="自制食材" href="#">自制食材</a></li>
        <li><a title="家常菜谱" href="#">家常菜谱</a></li>
        <li><a title="最新菜谱" href="#">最新菜谱</a></li>
        <li class="right"><a href="#" >全部菜谱分类</a></li>
        <script src="../js/jquery-3.2.1.min.js"></script>
        <script>
            $(".cai").click(function () {
                $(".cai").removeClass();
                $(this).addClass("on")

            })
        </script>
    </ul>
</div>
<div class="w mt10 clear">
    <div class="clear" style="padding-left:10px;">
        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7644523013219723"
                crossorigin="anonymous"></script>
        <!-- PC-顶部通栏 -->


    </div>
</div>


<div class="wrap"><div class="w clear">
    <div class="space_left">
        <div class="ui_title">
            <div class="ui_title_wrap clear">
                <h1 class="on"><a title="热菜" href="#" id="cai">

                </a></h1>
                <a rel="nofollow" href="#" class="right ">最热</a>
                <a href="#" class="right on">最新</a>
            </div>
        </div>
        <div class="ui_newlist_1 get_num" id="J_list">
            <ul>
                <c:forEach items="${sessionScope.dishByCategory}" var="dish" >
                    <li data-id="627880">
                        <div class="pic">
                            <a target="_blank" href="#" title="${dish.dname}">
                                <span class="copyright">独家</span>
                                <img width="180" height="180" src="${dish.img}" data-src="${dish.img}" class="imgLoad" />
                            </a>
                        </div>
                        <div class="detail">
                            <h2><a href="#" title="醋溜土豆胡萝卜丝">${dish.dname}</a></h2>
                            <p class="subline"><a target="_blank" href="#">${dish.uname}</a></p>
                            <p class="subcontent" id="cate">${dish.category}</p>
                            <div class="substatus clear">
                                <span class="get_nums">${dish.love}</span>
                            </div>
                            <script>
                                var cai = document.getElementById("cai");
                                var cate = document.getElementById("cate");
                                var value = cate.innerText;
                                cai.innerHTML=value
                            </script>
                        </div>
                    </li>
                </c:forEach>

                <li data-id="627819">
                    <div class="pic">
                        <a target="_blank" href="https://home.meishichina.com/recipe-627819.html" title="黄豆酱焖茄子">
                            <span class="copyright">独家</span>							<img width="180" height="180" src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505305108771.jpg?x-oss-process=style/c320" data-src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505305108771.jpg?x-oss-process=style/c320" class="imgLoad" />
                        </a>
                    </div>
                    <div class="detail">
                        <h2><a target="_blank" href="https://home.meishichina.com/recipe-627819.html" title="黄豆酱焖茄子">黄豆酱焖茄子</a></h2>
                        <p class="subline"><a target="_blank" href="https://home.meishichina.com/space-5899877.html">老U爱小轩哥</a></p>
                        <p class="subcontent">原料：茄子、黄豆酱、生抽、大蒜。</p>
                        <div class="substatus clear">
                            <span class="get_nums"></span>
                        </div>
                    </div>
                </li>
                <li data-id="621230">
                    <div class="pic">
                        <a target="_blank" href="https://home.meishichina.com/recipe-621230.html" title="洋白菜爆豆腐">
                            <span class="copyright">独家</span>							<img width="180" height="180" src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505262656741.jpg?x-oss-process=style/c320" data-src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505262656741.jpg?x-oss-process=style/c320" class="imgLoad" />
                        </a>
                    </div>
                    <div class="detail">
                        <h2><a target="_blank" href="https://home.meishichina.com/recipe-621230.html" title="洋白菜爆豆腐">洋白菜爆豆腐</a></h2>
                        <p class="subline"><a target="_blank" href="https://home.meishichina.com/space-7345450.html">筠旸JY</a></p>
                        <p class="subcontent">原料：洋白菜、豆腐、木耳、八角、葱花、盐、生抽、玉米油。</p>
                        <div class="substatus clear">
                            <span class="get_nums"></span>
                        </div>
                    </div>
                </li>
                <li data-id="627836">
                    <div class="pic">
                        <a target="_blank" href="https://home.meishichina.com/recipe-627836.html" title="虾仁烧茄子">
                            <span class="copyright">独家</span>							<img width="180" height="180" src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505216225551.jpg?x-oss-process=style/c320" data-src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505216225551.jpg?x-oss-process=style/c320" class="imgLoad" />
                        </a>
                    </div>
                    <div class="detail">
                        <h2><a target="_blank" href="https://home.meishichina.com/recipe-627836.html" title="虾仁烧茄子">虾仁烧茄子</a></h2>
                        <p class="subline"><a target="_blank" href="https://home.meishichina.com/space-7345450.html">筠旸JY</a></p>
                        <p class="subcontent">原料：圆茄子、虾仁、葱花、蒜末、香菜、盐、白糖、八角、玉米油、生抽。</p>
                        <div class="substatus clear">
                            <span class="get_nums"></span>
                        </div>
                    </div>
                </li>
                <li data-id="627866">
                    <div class="pic">
                        <a target="_blank" href="https://home.meishichina.com/recipe-627866.html" title="炒蚕豆">
                            <img width="180" height="180" src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505215627671.jpg?x-oss-process=style/c320" data-src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505215627671.jpg?x-oss-process=style/c320" class="imgLoad" />
                        </a>
                    </div>
                    <div class="detail">
                        <h2><a target="_blank" href="https://home.meishichina.com/recipe-627866.html" title="炒蚕豆">炒蚕豆</a></h2>
                        <p class="subline"><a target="_blank" href="https://home.meishichina.com/space-12729364.html">糖糖食味记</a></p>
                        <p class="subcontent">原料：蚕豆、洋葱、盐、食用油、蒜。</p>
                        <div class="substatus clear">
                            <span class="get_nums"></span>
                        </div>
                    </div>
                </li>
                <li data-id="627861">
                    <div class="pic">
                        <a target="_blank" href="https://home.meishichina.com/recipe-627861.html" title="西红柿辣椒炒鸡蛋">
                            <img width="180" height="180" src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505177036331.jpg?x-oss-process=style/c320" data-src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505177036331.jpg?x-oss-process=style/c320" class="imgLoad" />
                        </a>
                    </div>
                    <div class="detail">
                        <h2><a target="_blank" href="https://home.meishichina.com/recipe-627861.html" title="西红柿辣椒炒鸡蛋">西红柿辣椒炒鸡蛋</a></h2>
                        <p class="subline"><a target="_blank" href="https://home.meishichina.com/space-9910251.html">优子家的味道</a></p>
                        <p class="subcontent">原料：西红柿、辣椒、鸡蛋、葱、姜、蒜、盐、味精、十三香、白糖、酱油、蚝油。</p>
                        <div class="substatus clear">
                            <span class="get_nums"></span>
                        </div>
                    </div>
                </li>
                <li data-id="627858">
                    <div class="pic">
                        <a target="_blank" href="https://home.meishichina.com/recipe-627858.html" title="胡萝卜炒苦瓜">
                            <span class="copyright">独家</span>							<img width="180" height="180" src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505175973421.jpg?x-oss-process=style/c320" data-src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505175973421.jpg?x-oss-process=style/c320" class="imgLoad" />
                        </a>
                    </div>
                    <div class="detail">
                        <h2><a target="_blank" href="https://home.meishichina.com/recipe-627858.html" title="胡萝卜炒苦瓜">胡萝卜炒苦瓜</a></h2>
                        <p class="subline"><a target="_blank" href="https://home.meishichina.com/space-404188.html">花鱼儿</a></p>
                        <p class="subcontent">原料：苦瓜、胡萝卜、盐、生抽。</p>
                        <div class="substatus clear">
                            <span class="get_nums"></span>
                        </div>
                    </div>
                </li>
                <li data-id="627848">
                    <div class="pic">
                        <a target="_blank" href="https://home.meishichina.com/recipe-627848.html" title="炸薄荷">
                            <span class="copyright">独家</span>							<img width="180" height="180" src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505130955721.jpg?x-oss-process=style/c320" data-src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505130955721.jpg?x-oss-process=style/c320" class="imgLoad" />
                        </a>
                    </div>
                    <div class="detail">
                        <h2><a target="_blank" href="https://home.meishichina.com/recipe-627848.html" title="炸薄荷">炸薄荷</a></h2>
                        <p class="subline"><a target="_blank" href="https://home.meishichina.com/space-9381672.html">荔冬2015</a></p>
                        <p class="subcontent">原料：薄荷叶、普通面粉、饮用水、花生油、鸡蛋、小苏打、盐。</p>
                        <div class="substatus clear">
                            <span class="get_nums"></span>
                        </div>
                    </div>
                </li>
                <li data-id="627851">
                    <div class="pic">
                        <a target="_blank" href="https://home.meishichina.com/recipe-627851.html" title="肉沫炒小蓟">
                            <span class="copyright">独家</span>							<img width="180" height="180" src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505117294411.jpg?x-oss-process=style/c320" data-src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505117294411.jpg?x-oss-process=style/c320" class="imgLoad" />
                        </a>
                    </div>
                    <div class="detail">
                        <h2><a target="_blank" href="https://home.meishichina.com/recipe-627851.html" title="肉沫炒小蓟">肉沫炒小蓟</a></h2>
                        <p class="subline"><a target="_blank" href="https://home.meishichina.com/space-1806550.html">不做妖精好多年</a></p>
                        <p class="subcontent">原料：小蓟、肉沫、食用油、食盐。</p>
                        <div class="substatus clear">
                            <span class="get_nums"></span>
                        </div>
                    </div>
                </li>
                <li data-id="627845">
                    <div class="pic">
                        <a target="_blank" href="https://home.meishichina.com/recipe-627845.html" title="干锅菜花大虾">
                            <span class="copyright">独家</span>							<img width="180" height="180" src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505106614731.jpg?x-oss-process=style/c320" data-src="https://i3.meishichina.com/attachment/recipe/2022/04/21/2022042116505106614731.jpg?x-oss-process=style/c320" class="imgLoad" />
                        </a>
                    </div>
                    <div class="detail">
                        <h2><a target="_blank" href="https://home.meishichina.com/recipe-627845.html" title="干锅菜花大虾">干锅菜花大虾</a></h2>
                        <p class="subline"><a target="_blank" href="https://home.meishichina.com/space-5814785.html">在水一方爱美食</a></p>
                        <p class="subcontent">原料：菜花、大虾、葱、蒜、姜、干辣椒、郫县豆瓣酱、生抽、味精。</p>
                        <div class="substatus clear">
                            <span class="get_nums"></span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="clear">
            <div class="_pbvfp4dssa"></div>

        </div>

        <div class="ui-page mt10">
            <div class="ui-page-inner">
                <a class='now_page'>1</a>
                <a href="https://home.meishichina.com/recipe/recai/page/2/">2</a>
                <a href="https://home.meishichina.com/recipe/recai/page/3/">3</a>
                <a href="https://home.meishichina.com/recipe/recai/page/4/">4</a>
                <a href="https://home.meishichina.com/recipe/recai/page/5/">5</a>
                <span>...</span>
                <a href="https://home.meishichina.com/recipe/recai/page/2/">下一页</a>

            </div>
        </div>
        <div class="mt20 clear">
            <div class="clear">
                <div style='width:300px; height:250px;float:left;'>
                    <div class="_uwmaa0yfwjh"></div>

                </div>
                <div style='width:300px; height:250px;float:right'>
                    <div class="_kr9chgjybs"></div>

                </div>
            </div>
        </div>

    </div>
    <div class="space_right">
        <div class="clear">
            <div class="_erfhqamr0z"></div>

        </div>
        <div class="mt10 clear">
            <div class="_eokqbjv4bg"></div>

        </div>

        <div class="ui_title mt20 clear">
            <div class="ui_title_wrap">
                <h3 class="on">最受欢迎的家常菜</h3>
                <a title="家常菜谱大全" href="https://home.meishichina.com/recipe-menu.html" class="right" target="_blank">更多</a>
            </div>
        </div>
        <div class="gongxiao_r mt10">
            <div>
                <a title="红烧肉的做法大全" href="https://www.meishichina.com/mofang/hongshaorou/" target="_blank">红烧肉</a>
                <a title="红烧茄子的做法大全" href="https://www.meishichina.com/mofang/hongshaoqiezi/" target="_blank">红烧茄子</a>
                <a title="红烧鱼的做法大全" href="https://www.meishichina.com/mofang/hongshaoyu/" target="_blank">红烧鱼</a>

                <a title="鱼香肉丝的做法大全" href="https://www.meishichina.com/mofang/yuxiangrousi/" target="_blank">鱼香肉丝</a>
                <a title="可乐鸡翅的做法大全" href="https://www.meishichina.com/mofang/kelejichi/" target="_blank">可乐鸡翅</a>
                <a title="宫保鸡丁的做法大全" href="https://www.meishichina.com/mofang/gongbaojiding/" target="_blank">宫保鸡丁</a>

                <a title="红烧排骨的做法大全" href="https://www.meishichina.com/mofang/hongshaopaigu/" target="_blank">红烧排骨</a>
                <a title="糖醋排骨的做法大全" href="https://www.meishichina.com/mofang/tangcupaigu/" target="_blank">糖醋排骨</a>
                <a title="水煮肉片的做法大全" href="https://www.meishichina.com/mofang/shuizhuroupian/" target="_blank">水煮肉片</a>

                <a title="佛跳墙的做法大全" href="https://www.meishichina.com/mofang/fotiaoqiang/" target="_blank">佛跳墙</a>
                <a title="麻婆豆腐的做法大全" href="https://www.meishichina.com/mofang/mapodoufu/" target="_blank">麻婆豆腐</a>
                <a title="麻辣香锅的做法大全" href="https://www.meishichina.com/mofang/malaxiangguo/" target="_blank">麻辣香锅</a>

                <a title="年夜饭菜谱大全" href="https://home.meishichina.com/recipe/nianyefan/" target="_blank">年夜饭</a>
                <a title="瘦身吃什么" href="https://www.meishichina.com/YuanLiao/gongxiao/shoushen/" target="_blank">瘦身</a>
                <a title="补气血吃什么" href="https://www.meishichina.com/YuanLiao/gongxiao/qixueshuangbu/" target="_blank">补气血</a>

                <a title="秋葵的做法" href="https://www.meishichina.com/YuanLiao/QiuKui/" target="_blank">秋葵</a>
                <a title="黑木耳的做法" href="https://www.meishichina.com/YuanLiao/HeiMuEr/" target="_blank">黑木耳</a>
                <a title="大闸蟹的做法" href="https://www.meishichina.com/YuanLiao/DaZhaXie/" target="_blank">大闸蟹</a>
            </div>
        </div>
        <div class="mt20" id="smnbk"></div>
        <div style="height:380px;width:300px;margin-top:20px;" class="keyshow">

        </div>

    </div>
</div></div>


<%--共同的尾部--%>
<jsp:include page="../footer.jsp"/>
</body>
</html>
